<!--提示框内容-->
<template>
  <view>
    <uni-popup
      ref="popup"
      @change="change"
      :style="`border-radius: ${radius}px`"
    >
      <view
        class="popup-content"
        :style="`width: ${modalWidth}px; height: ${modalHeight}px; border-radius: ${radius}px;`"
      >
        <view v-if="showHeader && title" class="header">{{title}}</view>
        <view class="box" :style="{'padding-bottom': showFooter ? '140rpx' : '0'}">
          <image v-if="pic" class="intro-pic" mode="aspectFit" :src="pic" />
          <p class="content" v-html="content"></p>
        </view>
        <view class="footer-prompt" v-if="showFooter">
          <custom-ButtonGroup
            submitText="确认"
            width="458rpx"
            margin="20rpx auto 0"
            @handleTap="toggleModal(false)"
          />
        </view>
      </view>
    </uni-popup>
  </view>
</template>
<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss" lang="scss" scoped>
</style>
<style>
/* img, [alt], img[alt] {
  width: 100rpx;
} */
</style>